
.articleBox{
    min-height: 800px;
    margin: 0 auto;
    padding-top: 56px;
    padding-bottom: 40px;
    width: 620px;
    .title{
        word-break: breal-all;
        font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
        font-size: 34px;
        margin-top: 20px;
        font-weight: 700;
        line-height: 1.3;
    }
    .auther{
        margin: 30px 0 40px;
        height: 48px;
        line-height: 48px;
        width: 100%;
        box-sizing: border-box;
        clear: both;
        // background-color: blueviolet;
        .autherIco{
            display: inline-block;
            box-sizing:border-box ;
            line-height: 48px;
            height: 48px;
            float: left;
            .ioc{
                float: left;
                width: 48px;
                height: 48px;
                cursor: pointer;
                margin-right: 10px;
                img{
                    width: 100%;
                    height: 100%;
                    border: 1px solid #ddd;
                    border-radius: 50%;
                }
            }
        }
        .autherInfo{
            float: left;
            display: inline-block;
            box-sizing:border-box ;
            line-height: 46px;
            height: 46px;
            margin-left:8px;
            width: 500px;
            .name{
                display:block;
                line-height: 24px;
                color: #2f2f2f;
                box-sizing:border-box ;
                span{  
                    display: inline-block;
                    font-size: 16px;
                    margin-right: 10px;
                }
                img{
                    width: 20px;
                    height: 20px;
                }
                .comment{
                    width: 50px;
                    height: 18px;
                    border-radius: 12px;
                    line-height: 18px;
                    text-align: center;
                    color: #fff;
                    background-color: #42c02e;
                    border-color: #42c02e;
                    padding: 0 6px;
                    font-size: 8px;
                } 
            }
            .articleMeta{
                display: block;
                line-height: 24px;
                font-size: 12px;
                color: #969696;
                word-spacing: 10px;

            }
               
        }
    }
    .article{
        min-height: 875px;
        width: 100%;
        color: #2f2f2f;
        word-break: break-word!important;
        word-break: break-all;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
        p {
            margin: 0 0 25px;
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }
        }       
}

.advices{
    position: fixed;
    width: 180px;
    height:450px;
    top: 80px;
    right: 50%;
    margin-right: -560px;
    z-index: 1040;
    .advBox{
        position: relative;
        .adv1{
            width: 180px;
            height: 260px;
            }
        .adv2{
            &{ .adv1 }
            height: 180px;
            padding-top:10px; 
            }
        img{
            width: 180px;
            height: auto;  
        }
        .span2{
            position: absolute;
            display: inline-block;
            padding: 2px 5px 0 6px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            cursor: pointer;
            right: -180px;
            bottom: -10px;
        }
        .span1{
            &{ .span2}
            color: #999;
            background-color:#fff;
            padding: 0;
            line-height: 17px;
            text-align: center;
            width: 20px;
            // font-size: 17px;
            height: 20px;
            right:-172px;
            top:10px;
        }
        .span1:hover{
            color: #333;
            }
    }
}